<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>多群引流</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 20px;
			background: #fff;
		}
		.public_title_container{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		.public_title_container a{
			margin-right: 30px;
			height: 54px;
			line-height: 54px;
			cursor: pointer;
		}
		.public_title_active{
			color: #1E9FFF;
			border-bottom: 1px solid #1E9FFF;
		}
		.public_buttonSearch_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			background: #fff;
		}
		.public_Search_container{
			position: relative;
		}
		.public_Search_container input{
			width: 240px;
			height: 32px;
			border: 1px solid #d9d9d9;
		}
		.public_Search_container i{
			position: absolute;
			bottom: 6px;
			right: 10px;
			cursor: pointer;
		}
		/*公共头部带搜索 end*/
		.public_table_container{
			padding: 0 20px 20px 20px;
		}
		.public_Search_content{
			display: flex;
		}
		.public_SearchSelect_content input{
			height: 32px;
		}
		.public_SearchSelect_content{
			margin-right: 10px;
		}
		.public_buttonSearch_content{
			display: flex;
		}
		.public_buttonSearch_content a{
			color: #fff;
			background-color: #1E9FFF;
			text-shadow: 0 -1px 0 rgba(0,0,0,.12);
			height: 24px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.public_buttonSearch_content span{
			color: rgba(0,0,0,0.65);
			background-color: #fff;
			height: 32px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
			border: 1px solid #d9d9d9;
			margin-left: 10px;
		}
		.public_buttonSearch_daoruhuashu{
			margin-left: 10px;
		}
		
	</style>
</head>
<body>
	<div style="margin-top: 0;" class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
		<ul class="public-header-nav">
	      <li><a class="public-header-nav-active" href="JavaScript:void(0)">多群引流列表</a></li>
	      <li><a  href="detail-1.html">数据详情</a></li>
	    </ul>
    </div>
	<!-- 顶部提示框 结束 -->
	<div class="public_container">
		<form class="layui-form">
		<!-- /*公共头部带搜索*/ -->
			<div class="public_content">
				<div class="public_buttonSearch_container">
					<div class="public_buttonSearch_content">
						<a href="add.html?id=">+ 新建多群引流</a>
					</div>
				</div>
			</div>
		</form>
		<!-- /*公共头部带搜索*/ end -->
		<!-- 公共表格部分 -->
		<div class="public_table_container">
			<table class="layui-table" lay-skin="line">
			  <colgroup>
			      <col>
			      <col>
			      <col>
			      <col>
			      <col>
			      <col width="200px">
			      <col width="150px">
			    </colgroup>
			    <thead>
			      <tr>
			        <th>名称</th>
			        <th>扫码进群人数</th>
			        <th>关联自定义群名称</th>
			        <th>创建时间</th>
			        <th>操作</th>
			      </tr>
			    </thead>
			    <tbody>
				{loop $multigroups as $multigroup}
				<tr>
			        <td>{$multigroup->name}</td>
			        <td>{$multigroup->total}</td>
			        <td>
			        	{if $multigroup->data}
			        	{loop $multigroup->data as $group}
			        		<span class="table-public-label">{$group['selfname']}</span>
			        	{/loop}
			        	{else}
			        		--
			        	{/if}
			        </td>
			        <td>{date("Y-m-d H:i:s",$multigroup->ctime)}</td>
			        <td>
			        	<a class="table-public-btn" onclick="set({$multigroup->id})">页面设置</a>
			        	<a class="table-public-btn" href="detail-1.html?id={$multigroup->id}">数据统计</a>
			        	<a class="table-public-btn" onclick="share({$multigroup->id})">分享</a>
			        	<a href="add.html?id={$multigroup->id}" class="table-public-btn">编辑</a>
			        	<a class="table-public-btn" onclick="del_template({$multigroup->id})">删除</a>
			        </td>
			      </tr>
				{/loop}
			      
			    </tbody>
			</table>
		</div>
		<!-- 公共表格部分 end-->
		<div class="main-container-h pageing-container-h">
	        <div class="pageing-content-h">
	           <span>{$p->totalnum}条/{$p->totalpage}页</span> 
	        </div>
			<ul class="pageing-content-h">
	           {P weidogsadmin}
			</ul>
	    </div>
	</div>
	
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/cusmanage/js/layui.all.js"></script>
	<script src="/js/ajax.js"></script>
	<script type="text/javascript">
		layui.use('form', function(){
		  var form = layui.form;
		  	
		  //监听提交
		  form.on('submit(formDemo)', function(data){
		    layer.msg(JSON.stringify(data.field));
		    return false;
		  });	
		  form.render('select');
		  
		 //  form.on('select(type)', function(data){
			// location.href="quick_reply.html?type="+data.value+"&name="+$('#name').val();
		 //  });
		});
		function del_template(id){
			if(confirm('确定删除吗？')){
				myAjaxPost(false, true, 'delete.html', { id:id}, function (resp) {
						if (resp.status == 'success') {
							tusi(resp.msg);
							setTimeout(function(){
								location.reload();
							},500);
						}else{
							alert(resp.msg);
						}
					});
			}
		}
		function set(id){
			layer.open({
		        title: [' ', 'font-weight:bold;'],
		        type: 2,
		        area: ['500px', '800px'],
		        shadeClose: true,
		        content: 'set.html?id='+id
		    })
		}

		function share(id){
			layer.open({
		        title: [' ', 'font-weight:bold;'],
		        type: 2,
		        area: ['800px', '700px'],
		        shadeClose: true,
		        content: 'share.html?id='+id
		    })
		}
	</script>
</body>
</html>